<!DOCTYPE html>
<html>
  <head>
    {include file="public/header"/}
  </head>
  <body>
    <div id="all">
      <!-- Top bar-->
      {include file="public/navigation"/}
      <!-- Navbar End-->
      
      <div id="heading-breadcrumbs">
        <div class="container">
          <div class="row d-flex align-items-center flex-wrap">
            <div class="col-md-7">
              In our Ladies department we offer wide selection of the best products we have found and carefully selected worldwide.
            </div>
            <div class="col-md-5">
              <ul class="breadcrumb d-flex justify-content-end">
                <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                <li class="breadcrumb-item active">Category Full</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div id="content">
        <div class="container">
          <div class="row" style="margin: 20px 0;padding: 20px 0;border-top: 2px solid #4fbfa8;border-bottom: 2px solid #4fbfa8;">
                        <!-- <div class="col-lg-4"><img src="img/template-easy-customize.png" alt="" class="img-fluid d-none d-lg-block"></div> -->
                        <ul id="pills-tab" role="tablist" class="nav nav-pills nav-justified">
                            <li class="nav-item"><a id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true" class="nav-link">WebDesign</a></li>
                            <li class="nav-item"><a id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile" aria-selected="false" class="nav-link active">Coding</a></li>
                            <li class="nav-item"><a id="pills-contact-tab" data-toggle="pill" href="#pills-contact" role="tab" aria-controls="pills-contact" aria-selected="false" class="nav-link">Consulting</a></li>
                            <li class="nav-item"><a id="pills-marketing-tab" data-toggle="pill" href="#pills-marketing" role="tab" aria-controls="pills-contact" aria-selected="false" class="nav-link">Marketing</a></li>
                            <li class="nav-item"><a id="pills-marketing-tab" data-toggle="pill" href="#pills-marketing" role="tab" aria-controls="pills-contact" aria-selected="false" class="nav-link">Marketing</a></li>
                            <li class="nav-item"><a id="pills-marketing-tab" data-toggle="pill" href="#pills-marketing" role="tab" aria-controls="pills-contact" aria-selected="false" class="nav-link">Marketing</a></li>
                            <li class="nav-item"><a id="pills-marketing-tab" data-toggle="pill" href="#pills-marketing" role="tab" aria-controls="pills-contact" aria-selected="false" class="nav-link">Marketing</a></li>
                            <li class="nav-item"><a id="pills-marketing-tab" data-toggle="pill" href="#pills-marketing" role="tab" aria-controls="pills-contact" aria-selected="false" class="nav-link">Marketing</a></li>
                        </ul>
                    </div>
          <div class="row bar">
            <div class="col-md-12">
              <!-- <p class="text-muted lead text-center">In our Ladies department we offer wide selection of the best products we have found and carefully selected worldwide. Pellentesque habitant morbi tristique senectus et netuss.</p> -->
              <div class="products-big">
                <div class="row products">
                  
              <!--     <div class="col-lg-3 col-md-4">
                    <div class="product">
                      <div class="image"><a href="/home/product/detail/id/{$v.id}.html"><img src="{$v.thumb}" alt="" class="img-fluid image1"></a></div>
                      <div class="text">
                        <h3 class="h5"><a href="/home/product/detail/id/{$v.id}.html">{$v.name}</a></h3>
                        <p class="price">$143.00</p>
                      </div>
                    </div>
                  </div> -->
                  
                  {volist name="mess" id="v"}
                  <div class="col-lg-3 col-md-4">
                    <div class="product">
                      <div class="image"><a href="/home/product/detail/id/{$v.id}.html"><img src="{$v.thumb}" alt="" class="img-fluid image1"></a></div>
                      <div class="text">
                        <h3 class="h5"><a href="/home/product/detail/id/{$v.id}.html">{$v.name}</a></h3>
                        <p class="price">
                          <del>￥{$v.oprice}</del> ￥{$v.price}
                        </p>
                      </div>
                      <div class="ribbon-holder">
                        <div class="ribbon sale">{$v.mark}</div>
                        <div class="ribbon new">{$v.is_hot}</div>
                      </div>
                    </div>
                  </div>
                  {/volist} 
                  {volist name="mess" id="v"}
                  <div class="col-lg-3 col-md-4">
                    <div class="product">
                      <div class="image"><a href="/home/product/detail/id/{$v.id}.html"><img src="{$v.thumb}" alt="" class="img-fluid image1"></a></div>
                      <div class="text">
                        <h3 class="h5"><a href="/home/product/detail/id/{$v.id}.html">{$v.name}</a></h3>
                        <p class="price">
                          <del>￥{$v.oprice}</del> ￥{$v.price}
                        </p>
                      </div>
                      <div class="ribbon-holder">
                        <div class="ribbon sale">{$v.mark}</div>
                        <div class="ribbon new">{$v.is_hot}</div>
                      </div>
                    </div>
                  </div>
                  {/volist} 
                  {volist name="mess" id="v"}
                  <div class="col-lg-3 col-md-4">
                    <div class="product">
                      <div class="image"><a href="/home/product/detail/id/{$v.id}.html"><img src="{$v.thumb}" alt="" class="img-fluid image1"></a></div>
                      <div class="text">
                        <h3 class="h5"><a href="/home/product/detail/id/{$v.id}.html">{$v.name}</a></h3>
                        <p class="price">
                          <del>￥{$v.oprice}</del> ￥{$v.price}
                        </p>
                      </div>
                      <div class="ribbon-holder">
                        <div class="ribbon sale">{$v.mark}</div>
                        <div class="ribbon new">{$v.is_hot}</div>
                      </div>
                    </div>
                  </div>
                  {/volist} 
                  {volist name="mess" id="v"}
                  <div class="col-lg-3 col-md-4">
                    <div class="product">
                      <div class="image"><a href="/home/product/detail/id/{$v.id}.html"><img src="{$v.thumb}" alt="" class="img-fluid image1"></a></div>
                      <div class="text">
                        <h3 class="h5"><a href="/home/product/detail/id/{$v.id}.html">{$v.name}</a></h3>
                        <p class="price">
                          <del>￥{$v.oprice}</del> ￥{$v.price}
                        </p>
                      </div>
                      <div class="ribbon-holder">
                        <div class="ribbon sale">{$v.mark}</div>
                        <div class="ribbon new">{$v.is_hot}</div>
                      </div>
                    </div>
                  </div>
                  {/volist} 
                  {volist name="mess" id="v"}
                  <div class="col-lg-3 col-md-4">
                    <div class="product">
                      <div class="image"><a href="/home/product/detail/id/{$v.id}.html"><img src="{$v.thumb}" alt="" class="img-fluid image1"></a></div>
                      <div class="text">
                        <h3 class="h5"><a href="/home/product/detail/id/{$v.id}.html">{$v.name}</a></h3>
                        <p class="price">
                          <del>￥{$v.oprice}</del> ￥{$v.price}
                        </p>
                      </div>
                      <div class="ribbon-holder">
                        <div class="ribbon sale">{$v.mark}</div>
                        <div class="ribbon new">{$v.is_hot}</div>
                      </div>
                    </div>
                  </div>
                  {/volist} 
                </div>
              </div>
              <div class="row">
                <div class="col-md-12 banner mb-small text-center"><a href="#"><img src="/static/home/img/banner2.jpg" alt="" class="img-fluid"></a></div>
              </div>
              <div class="pages">
                <p class="loadMore text-center"><a href="#" class="btn btn-template-outlined"><i class="fa fa-chevron-down"></i> Load more</a></p>
                <nav aria-label="Page navigation example" class="d-flex justify-content-center">
                  <ul class="pagination">
                    <li class="page-item"><a href="#" class="page-link"> <i class="fa fa-angle-double-left"></i></a></li>
                    <li class="page-item active"><a href="#" class="page-link">1</a></li>
                    <li class="page-item"><a href="#" class="page-link">2</a></li>
                    <li class="page-item"><a href="#" class="page-link">3</a></li>
                    <li class="page-item"><a href="#" class="page-link">4</a></li>
                    <li class="page-item"><a href="#" class="page-link">5</a></li>
                    <li class="page-item"><a href="#" class="page-link"><i class="fa fa-angle-double-right"></i></a></li>
                  </ul>
                </nav>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- GET IT-->
      <div class="get-it">
        <div class="container">
          <div class="row">
            <div class="col-lg-8 text-center p-3">
              <h3>Do you want cool website like this one?</h3>
            </div>
            <div class="col-lg-4 text-center p-3">   <a href="#" class="btn btn-template-outlined-white">Buy this template now</a></div>
          </div>
        </div>
      </div>
      <!-- FOOTER -->
      {include file="public/footer"/}
    </div>
    <!-- Javascript files-->
    {include file="public/script"/}
  </body>
</html>